module.exports = {
  css: {
    loaderOptions: {
      css: {},
      postcss: {
        plugins: [
          require("postcss-px2rem")({
            remUnit: 37.5,
          }),
        ],
      },
    },
  },
  chainWebpack: (config) => {
    // 生产模式、发布模式
    config.when(process.env.NODE_ENV === "production", (config) => {
      config.entry("app").clear().add("./src/main-prod.js");
      config.set("externals", {
        vant: "vant",
        vue: "Vue",
        "vue-router": "VueRouter",
        axios: "axios",
        nprogress: "NProgress",
        moment: "moment",
      });
      // 配置首页定制
      config.plugin("html").tap((args) => {
        args[0].isProd = true;
        return args;
      });
    });
    // 开发模式
    config.when(process.env.NODE_ENV === "development", (config) => {
      config.entry("app").clear().add("./src/main-dev.js");
      // 配置首页定制
      config.plugin("html").tap((args) => {
        args[0].isProd = false;
        return args;
      });
    });
  },
};
